<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>10、Symbol——属性名的遍历</title>
	</head>
	<body>
		<script type="text/javascript">
			//四、属性名的遍历
			//Symbol 作为属性名，该属性不会出现在for...in、for...of循环中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。但是，它也不是私有属性，有一个Object.getOwnPropertySymbols方法，可以获取指定对象的所有 Symbol 属性名。
			//Object.getOwnPropertySymbols方法返回一个数组,成员是当前对象的所有用作属性名的Symbol值.
			const obj = {};
			let a = Symbol('a');
			let b = Symbol('b');
			obj[a] = 'Hello';
			obj[b] = 'world';
			const objectSymbols = Object.getOwnPropertySymbols(obj);
			console.log(objectSymbols) //[Symbol(a), Symbol(b)]
			
			//下面是另一个例子，Object.getOwnPropertySymbols方法与for...in循环、Object.getOwnPropertyNames方法进行对比的例子
			const obj_1 = {};
			let foo = Symbol('foo');
			Object.defineProperty(obj_1,foo,{
				value:'foobar'
			})
			for(let i in obj_1){
				console.log(i) //无输出
			}
			console.log(Object.getOwnPropertyNames(obj_1))  //[]
			console.log(Object.getOwnPropertySymbols(obj_1)) //[Symbol(foo)]
			//上面代码中，使用Object.getOwnPropertyNames方法得不到Symbol属性名，需要使用Object.getOwnPropertySymbols方法
			
			//另一个新的API，Reflect.ownKeys方法可以返回所有类型的键名，包括常规键名和 Symbol 键名。
			let obj_2 = {
				[Symbol('my_key')]:1,
				enum:2,
				nonEnum:3
			};
			console.log(Reflect.ownKeys(obj_2)) //["enum", "nonEnum", Symbol(my_key)]
			//由于以 Symbol 值作为名称的属性，不会被常规方法遍历得到。我们可以利用这个特性，为对象定义一些非私有的、但又希望只用于内部的方法。
			let size = Symbol('size');
			class Collection{
				constructor(){
					this[size] = 0;
				}
				add(item){
					this[this[size]]=item;
					this[size]++;
				}
				static sizeOf(instance){
					return instance[size]
				}
			}
			let x = new Collection();
			console.log(Collection.sizeOf(x)) //0
			
			x.add('foo');
			console.log(Collection.sizeOf(x)) //1
			
			console.log(Object.keys(x));  //["0"]
			console.log(Object.getOwnPropertyNames(x));  //["0"]
			console.log(Object.getOwnPropertySymbols(x)) //[Symbol(size)]
			
			//上面代码中，对象x的size属性是一个 Symbol 值，所以Object.keys(x)、Object.getOwnPropertyNames(x)都无法获取它。这就造成了一种非私有的内部方法的效果。
		</script>
	</body>
</html>
